<template>
  <div class="si_xia">
    <div>
      <van-icon name="fire-o" />
      <p>签到</p>
    </div>
    <div>
      <van-icon name="gem-o" />
      <p>礼卷</p>
    </div>
    <div>
          <van-icon name="shop-collect-o" />
      <p>砍价</p>
    </div>
    <div>
           <van-icon name="wap-home-o" />
      <p>专栏</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="scss">
.si_xia {
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f3f3f3;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  div{
      height: 3rem;
      margin-top:1rem;
      line-height:1.5rem;
      text-align: center;
      font-size: 20px;
  }
}
</style>